@page "/docs/components/collapse"
@layout DocLayout

<Title>折叠面板</Title>
<Subtitle Size="Size.Size4">
    不同颜色的折叠面板，手风琴
</Subtitle>

<DocView ComType="Collapse1"/>

<Content>
    CollapseItem和Message组件十分相似，颜色大小都可以设置
</Content>

<DocView ComType="Collapse2"/>
<hr>
<Title Size="Size.Size4" IsSpaced>万物皆可折叠</Title>
<Content>
    <p>除了折叠面板，可以使用Collapsible组件配合CollapsibleToggle实现自定义折叠，设置CollapsibleToggle的Target等于Collapsible的ID即可。</p>
    <p>
        Collapsible有BeforeExpand、AfterExpand、BeforeCollapse、AfterCollapse四个事件可用
    </p>
</Content>

<DocView ComType="Collapse3"/>
<Content>
    <p>
        如果想实现一组手风琴折叠，需要用到CollapsibleContainer组件包裹。
    </p>
</Content>
<DocView ComType="Collapse4"/>